<template>
  <view class="title-container">
    <view class="title-tag">

    </view>
    <view class="title-text">
      {{title}}
    </view>
  </view>
</template>
<script setup lang="ts">
import {ref, onUpdated} from 'vue'
const props = defineProps({
  navigationData: Object
});
let current = ref(0);
function change(e) {
  current.value = e.detail.current;
}
function goToUrl(url) {
  console.info("跳转链接:" + url)
}
const title = '本地热销'
</script>
<style lang="scss" scoped>

.title-container{
  width: 686rpx;
  height: 44rpx;
  margin-left: 32rpx;

  display: flex;
  .title-tag{
    width: 7rpx;
    height: 36rpx;
    background: #1677FF;
    border-radius: 1001000px;
    margin: auto 16rpx auto 0;
  }

  .title-text{
    font-family: PingFangSC-Medium;
    font-size: 32rpx;
    color: #222222;
    letter-spacing: 0;
    line-height: 46rpx;
    font-weight: 500;
  }

}
</style>